<template>
	<view class="box">
	
	<view v-if="num" class="navTop" @click="backHome">
		<image style="width: 56rpx;height: 56rpx;" src="../static/icon/leftop1.png" alt="">
			<text class="title">{{name}}</text>
		<img src="" alt="">
	</view>
	
		<view v-else class="navTop" @click="backHome">
			<image src="../static/icon/icon1/fh.png" alt="">
				<text class="title" :style="'color:'+ color">{{name}}</text>
			<img src="" alt="">
		</view>
		<view class="lang">
		</view>
	</view>
</template>

<script>
	export default {
		// name title名
		// num 控制箭头按钮颜色
		// color title颜色
		props:["name","num","color"],
		created() {
			console.log(this.name);
		},
		data() {
			return {
				
			};
		},
		methods:{
			backHome() {
				console.log(this.$route)
				
				uni.navigateBack({
					
				})
			}

		}
	}
</script>

<style lang="scss" scoped>
	.box{
		position: relative;
		.sImg{
			z-index: 2;
			image{
				position: absolute;
			top: -82px;
			    left: -35px;
			    width: 200px;
			    height: 170px;
			}
		}
		.lang{
			height: 88rpx;
		}
		.navTop{
			.title{
				
			}
			// background-color: #fff;
			height: 88rpx;
			// background-color: blue;
			// opacity: 0;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 999;
			display: flex;
			justify-content: space-between;
			align-items: center;
			box-sizing: border-box;
			padding:0rpx 30rpx;
			image{
				opacity: 1;
				width: 43rpx;
				height: 43rpx;
			}
			.title{
				color: #fff;
				font-size: 18px;
			}
		}
	}
	
	
</style>